@import (less) "../../common/css/container.less";
@navHeight: 11vh;
.quickLinks {
    .navLinks {
        height: @navHeight;
        background-color: #0457B7;
        padding: 3vh 0;
        min-height: @containerHeight / 9;
        box-sizing: border-box;
        &.navLinksFixed {
            position: fixed;
            width: 100%;
            top: 0;
            z-index: 100;
        }
        .navLinksContainer {
            .container;
            display: flex;
            height: 100%;
            .navLinksItem {
                flex: 1;
                width: 1px;
                border-left:1px solid rgba(204, 204, 204, 1);
                text-align: center;
                font-size: 20px;
                color: #bbb;
                cursor: pointer;
                &:nth-last-of-type(1) {
                    border-right:1px solid #bbb;
                }
                &:after {
                    content: '';
                    height: 100%;
                    width: 0;
                    vertical-align: middle;
                    display: inline-block;
                }
                .navLinksItemText {
                    display: inline-block;
                    vertical-align: middle;
                    &.navLinksItemActive {
                        // font-weight: bold;
                        color: #fff;
                    }
                }
            }
        }
    }
}
